import React, { Component } from 'react';
import { connect } from 'react-redux';
import './personal-information.scss'
class Com extends Component {
	clickAvatar(){
		console.log('this is avatar')
	}
	clickName(){
		console.log(this.props.history)
		this.props.history.push('/user/changeName')
	}
	clickTel(){
		console.log('this is tel')
	}
	clickQr(){
		console.log('this is Qr')
		this.props.history.push('/user/myqr')
	}
	clickSchool(){
		console.log('this is school')
	}
	goback(){
		this.props.history.go(-1)
	}
	render(){
		return (
			// 定位布局
			<>
				<div className="personal-information">
					<div className="personal-information-top">
						<div className="personal-information-top-title">
							<div onClick={()=>{this.goback()}} className="personal-information-top-title-leftarrow"></div>
							<span>个人信息</span>
						</div>
						<div onClick={()=>{this.clickAvatar()}} className="personal-information-top-avatar">
							<span className="personal-information-top-avatar-left">
								头像
							</span>
							<div className="personal-information-top-avatar-right">
								<img className='righticon' src="images\user_ images\arrowright.png" alt=""/>
								<img className='rightavatar' src="images\user_ images\user-header-avatar.gif" alt=""/>
							</div>
						</div>
						<div onClick={()=>{this.clickName()}} className="personal-information-top-name">
							<span className="left">
								姓名
							</span>
							<span className="right">
							OMINI.BASS
							</span>
							<img className='righticon' src="images\user_ images\arrowright.png" alt=""/>
						</div>
						<div onClick={()=>{this.clickTel()}} className="personal-information-top-tel">
							<span className='left'>
								用户手机号
							</span>
							<span className="right">
								189****4356
							</span>
							<img className='righticon' src="images\user_ images\arrowright.png" alt=""/>
						</div>
						<div onClick={()=>{this.clickQr()}} className="personal-information-top-qr">
							<span className="left">
								二维码名片
							</span>
							<img src="/images/user_ images/qr.png" alt="" className="qr"/>
							<img className='righticon' src="images\user_ images\arrowright.png" alt=""/>
						</div>
					</div>
					<div onClick={()=>{this.clickSchool()}} className="personal-information-bottom">
						<span className="personal-information-bottom-left">
							用户所在学校
						</span>
						<span className="personal-information-bottom-left">
							绍兴市实验高中
						</span>
					</div>
				</div>
			</>
		)
	}
}
export default connect()(Com)